<template>
    <div class="block">
        <div class="title">
            <slot name="title"></slot>
        </div>        
        <div class="content">
            <slot name="content"></slot>
        </div>
    </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.block {
    background-color: var(--light-blue-alpha);
    width: 100%;
    backdrop-filter: blur(3px);
    color: var(--light-font-white);
    .title {
        height: 10vh;
    }
    .content {
        box-sizing: border-box;
        height: calc(100% - 10vh);
        padding: 0 1vw 2vh 1vw;
    }
}
</style>
